﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>会员积分系统</title>
    <meta charset="utf-8" />
    <script src="../script/jquery.min.js"></script>
    <script src="../script/jquery.easyui.min.js"></script>
    <link href="../themes/default/easyui.css" rel="stylesheet" />
    <link href="../themes/icon.css" rel="stylesheet" />
    <link href="../themes/Site.css" rel="stylesheet" />
    <script type="text/javascript">
        $(function () {
            //点击左侧菜单展示相应页面
            $(".ul-menu li a").click(function () {
                var src = $(this).attr("url");
                var titleShow = $(this).text();
                var strHtml = '<iframe id="frmWorkArea" width="100%" height="99%" frameborder="0" scrolling="no" src="' + src + '"></iframe>';
                var isExist = $("#tt").tabs('exists', titleShow);
                if (!isExist) {
                    $('#tt').tabs('add', {
                        title: titleShow,
                        content: strHtml,
                        iconCls: 'icon-ok',
                        closable: true
                    });
                }
                else {
                    $('#tt').tabs('select', titleShow);
                }
            })
            //左侧菜单样式
            $(".ul-menu li").hover(function () {
                $(this).css("background-color", "lightblue")
            }, function () {
                $(this).css("background-color", "lavender")
            })
            //全部删除事件
            $("#deleteAll").click(function () {
                $(".ul-menu li").each(function () {
                    var tab = $(this).text();
                    $(".easyui-tabs").tabs("close", tab);
                })
            })
            //修改个人资料弹窗
            $("#alertdata").click(function () {
                $("#personal").css("display", "block");
                $('#personal').dialog({
                    title: '修改个人资料',
                    width: 320,
                    height: 220,
                    closed: false,
                    cache: false,
                    //href:'LossAndLock.html',
                    modal: true
                });
                $("#frm1").attr("src", "AlertPersonalData.html")
            })
            //修改密码弹窗
            $("#alertpwd").click(function () {
                $("#pwd").css("display", "block");
                $('#pwd').dialog({
                    title: '修改密码',
                    width: 320,
                    height: 220,
                    closed: false,
                    cache: false,
                    //href:'LossAndLock.html',
                    modal: true
                });
                $("#frm2").attr("src", "AlertPwd.html")
            })
        })
    </script>
    <style type="text/css">
        html {
            background: url(../images/background.jpg);
            background-size: 100% 100%;
            background-attachment: fixed;
        }
        .ul-menu li {
            background-color:lavender;
            margin-top:2px;
        }
        .ul-menu li a {
            text-decoration:none;
            color:black;
        }
        a {
            cursor:pointer;
        }
        #deleteAll {
            float:right;
            margin-right:250px;
            margin-top:35px;
        }
        #mb {
            float:right;
            margin-right:-200px;
            margin-top:35px;
            background-color:white;
        }
    </style>
</head>
<body>
   
    <div id="cc" class="easyui-layout" style="width:1082px;height:750px; margin:0 auto">
        <!--头部-->
        <div data-options="region:'north',split:true" style="height:100px; background-color:cornflowerblue;">
            
            <a id="deleteAll" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'">关闭全部</a> 

            <a href="javascript:void(0)" id="mb" class="easyui-menubutton"
               data-options="menu:'#mm',iconCls:'icon-Person2'">账号管理</a>
            <div id="mm" style="width:150px;">
                <div data-options="iconCls:'icon-undo'"><a id="alertdata">修改个人资料</a></div>
                <div data-options="iconCls:'icon-redo'"><a id="alertpwd">修改个人密码</a></div>
            </div>

        </div>
        <!--尾部-->
        <div data-options="region:'south',split:true" style="height:60px; background-color:cornflowerblue;"></div>
        <!--左侧菜单-->
        <div data-options="region:'west',title:'菜单导航',split:true" style="width:200px;">
            <div id="aa" class="easyui-accordion" data-options="fit:true,selected:true" style="width:192px;height:420px;">
                <div title="系统管理" style="padding:10px;">
                    <ul class="ul-menu">
                        <li><a url="../Shop/shop.html">店铺管理</a></li>
                        <li><a href="#">会员等级管理</a></li>
                    </ul>
                </div>
                <div title="用户管理" style="padding:10px;">
                    <ul class="ul-menu">
                        <li><a url="../用户增删改/查询用户.html">用户查看</a></li>
                        
                    </ul>
                </div>
                <div title="礼品管理" style="padding:10px;">
                    <ul class="ul-menu">
                        <li><a url="../Present/present.html">礼品列表</a></li>
                    </ul>
                </div>
                <div title="会员管理" style="padding:10px;">
                    <ul class="ul-menu">
                        <li><a url="VIPList.html">会员列表</a></li>
                    </ul>
                </div>
                <div title="会员消费" style="padding:10px;">
                    <ul class="ul-menu">

                        <li><a url="/CJZ/Fast-Moving.html">快速消费</a></li>
                        <li><a url="/CJZ/SubtractIntegral.html">会员减积分</a></li>
                        <li><a href="#">消费历史纪录</a></li>
                        <li><a href="#">快速消费</a></li>
                        <li><a href="#">会员减积分</a></li>
                        <li><a url="../孙汉勇/消费历史纪录.html">消费历史纪录</a></li>

                    </ul>
                </div>
                <div title="积分兑换" style="padding:10px;">
                    <ul class="ul-menu">
                        <li><a url="../sc/04exchange.html">积分兑换礼品</a></li>
                        <li><a url="../sc/05return money.html">积分返现</a></li>
                        <li><a url="../sc/07.html">兑换历史纪录</></li>
                    </ul>
                </div>
                <div title="统计中心" style="padding:10px;">
                    <ul class="ul-menu">
                        <li><a url="../孙汉勇/快速消费统计.html">快速消费统计</a></li>
                        <li><a url="../孙汉勇/会员消费情况统计.html">快速消费情况统计</a></li>
                        <li><a url="../孙汉勇/减积分统计.html">减积分统计</a></li>
                        <li><a url="../孙汉勇/积分返现.html">积分返现统计</a></li>
                        <li><a url="../sc/08.html">礼品兑换统计</a></li>
                    </ul>
                </div>
                <div title="系统管理" style="padding:10px;">
                    <ul class="ul-menu">
                        <li><a href="#">店铺管理</a></li>
                        <li><a url="/CJZ/SelectMember.html">会员等级管理</a></li>
                        
                    </ul>
                </div>
            </div>
        </div>
        <div data-options="region:'center'" style="padding:5px;background:#eee;">
            <div id="tt" class="easyui-tabs" style="width:870px;height:570px;">

            </div>
        </div>
    </div>
    <!--修改个人资料弹窗-->
    <div id="personal" style="display:none">
        <iframe id="frm1" width="300px" height="160px" frameborder="0"></iframe>
    </div>
    <!--修改密码弹窗-->
    <div id="pwd" style="display:none">
        <iframe id="frm2" width="300px" height="160px" frameborder="0"></iframe>
    </div>
</body>
</html>
